<!DOCTYPE HTML>
<html>
    <head>
        <title>SPStudio官方</title>
        <meta name="keywords" content="SPStudio">
        <meta name="description" content="SPStudio官方主页">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
	<body class="landing">
		<div id="page-wrapper">
            <!-- Header -->
            <header id="header">
                <h1 id="logo">SPStudio</h1>
			    <nav id="nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="#">工具</a></li>
                        <li><a href="#">休闲</a></li>
                        <li><a href="#" target="_blank" class="button special">广场</a></li>
                    </ul>
			    </nav>
	    	</header>
			<!-- Banner -->
			<section id="banner">
				<div class="content">
					<header>
						<h2>杉峰工作室</h2>
						<p>ShanPeak Studio<br/>由蒋佳杉创立于2019年9月1日</p>
		            </header>
					<span class="image"><img src="images/spstudio.jpg" alt="SPStudio" /></span>
				</div>
				<a href="#one" class="goto-next scrolly">Next</a>
			</section>
			<!-- One -->
			<section id="one" class="spotlight style1 bottom">
				<span class="image fit main"><img src="images/pic001.jpg" alt="关于我们" /></span>
				<div class="content">
					<div class="container">
						<div class="row">
        					<div class="4u 12u$(medium)">
								<header>
									<h2>简单介绍</h2>
									<p>SPStudio拥有超过4年的编程经验，独立开发过“掌控云”“易点通”“峰趣盒子”等应用</p>
								</header>
							</div>
							<div class="4u 12u$(medium)">
								<p>【公告】<br/>◇2023年9月23日，SPStudio迎来全新的主页，更好看的界面UI，更快的响应速度，更优质的浏览体验</p>
							</div>
							<div class="4u$ 12u$(medium)">
								<p>【我们的创立】<br/>◇SPStudio创立于2019年9月1日，其前身为掌控者工作室，后来经过不断地发展，最终成长为如今的杉峰工作室，即SPStudio
                                    <br/>◇SPStudio立志于不断提高开发水平，积累开发经验，开发出更多优质的、令人满意的软件或功能</p>
							</div>
						</div>
					</div>
				</div>
				<a href="#two" class="goto-next scrolly">Next</a>
			</section>
			<!-- Two -->
			<section id="two" class="spotlight style2 right">
				<span class="image fit main"><img src="images/pic002.jpg" alt="" /></span>
				<div class="content">
					<header>
						<h2>工具</h2>
						<p>集合海量工具，总有一款适合你</p>
					</header>
					<p>不定期更新，实时收纳全网优质工具</p>
					<ul class="actions">
					<li><a href="/" class="button">找工具</a></li>
					</ul>
				</div>
				<a href="#three" class="goto-next scrolly">Next</a>
			</section>
			<!-- Three -->
			<section id="three" class="spotlight style3 left">
				<span class="image fit main bottom"><img src="images/pic003.jpg" alt="" /></span>
				<div class="content">
					<header>
						<h2>休闲</h2>
						<p>这里有众多小游戏，快来体验吧</p>
					</header>
					<p>休闲小游戏、小霸王、红白机、......</p>
					<ul class="actions">
						<li><a href="/" target="_blank" class="button">玩游戏</a></li>
					</ul>
				</div>
				<a href="#four" class="goto-next scrolly">Next</a>
			</section>
			<!-- Four -->
			<section id="four" class="wrapper style1 special fade-up">
				<div class="container">
					<header class="major">
						<h2>SPStudio的优势</h2>
						<p>三大竞争优势是我们具有长期生命力的重要保障</p>
					</header>
					<div class="box alt">
						<div class="row uniform">
							<section class="4u 6u(medium) 12u$(xsmall)">
								<span class="icon alt major fa-area-chart"></span>
								<h3>持久稳定</h3>
								<p>自2019年起，SPStudio旗下产品或服务已稳定运营至如今，并且将长期运营下去</p>
							</section>
							<section class="4u 6u$(medium) 12u$(xsmall)">
								<span class="icon alt major fa-comment"></span>
								<h3>功能强大</h3>
								<p>从产品调查反馈中得出：90%的用户都认为SPStudio的产品功能齐全且好用，剩下的10%里有一半的用户是因为软件不兼容系统而导致的极差体验</p>
							</section>
							<section class="4u$ 6u(medium) 12u$(xsmall)">
								<span class="icon alt major fa-flask"></span>
								<h3>轻巧实用</h3>
								<p>安装包体积小，不占内存，但是具备完整的功能，正如“麻雀虽小，五脏俱全”</p>
							</section>	
						</div>
					</div>
				</div>
			</section>
			<!-- Five -->
			<section id="five" class="wrapper style2 special fade">
				<div class="container">
					<header>
						<h2>联系我们</h2>
						<p>这是我们的联系方式，欢迎您提供意见或建议，以及与我们进行商务合作</p>
					</header>
				</div>
		        <p>邮箱：1612779214@qq.com</p>
			    <p>QQ：1612779214</p>
                <audio autoplay="autoplay"><source src="/mengzhan.mp3" type="audio/mpeg" /></audio>
			</section>
			<!-- Footer -->
			<footer id="footer">
				<ul class="icons">
				<!--<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>-->	
				</ul>
				<ul class="copyright">
					<li>&copy; 2019-2023 SPStudio All Rights Reserved</li>
                    <li>Design: SPStudio</li>
				</ul>
			</footer>
		</div>
		<!-- Scripts -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/jquery.scrolly.min.js"></script>
		<script src="assets/js/jquery.dropotron.min.js"></script>
		<script src="assets/js/jquery.scrollex.min.js"></script>
		<script src="assets/js/skel.min.js"></script>
		<script src="assets/js/util.js"></script>
		<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
		<script src="assets/js/main.js"></script>
	</body>
</html>